<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
    <script src="../../common/js/jquery-3.5.1.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="../styles/selectstyle.css" />
    <style type="text/css">
        .style1 {
            width: 100%;
        }
    </style>
    //1、全选按钮添加点击事件
    //2、获取当前全选按钮的checked属性状态
    //3、获取下方所有单选框并将checked属性更改为2中获取的全选按钮的选中状态
    //4、返选按钮添加点击事件
    //5、遍历（each）下方所有的单选框
    //6、当被遍历时，获取当前单选框的checked属性更改为当前checked相反的（！）


    //隔行显示奇数行背景颜色（#eeeeee），偶数行颜色（#999999）
    $("#tb>tbody>tr:odd").css("background-color", "#abf3e4");
    $("#tb>tbody>tr:even").css("background-color", "#46e7bf");
    //光棒效果(移入颜色为#c07df7  移出颜色为原本颜色)
    //1、获取原本tr行的颜色值
    //2、设置自定义属性bg，并把原来的颜色赋值给它
    //3、将最新的颜色 赋值给当前tr行

    //1、取出存在bg属性的颜色
    //2、给当前tr赋值bg里面存的颜色


</head>
<body>
    <!--<div>
        <select id="Select1" multiple="multiple">
            <option>张三</option>
            <option>李四</option>
            <option>王五</option>
            <option>越六</option>
        </select>
    </div>
    <div>
        <select id="Select2" multiple="multiple">
            <option>钱七</option>
        </select>
    </div>-->
    <div style="background-color:Green"></div>
    <div>
        <input id="chkAll" type="checkbox" />全选
        <input id="chkRev" type="checkbox" />返选
    </div>
    <div>

        <table id="tb" class="style1">
            <tbody>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        b
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        c
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        d
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        e
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        f
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        g
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        h
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="chkItem" type="checkbox" />
                    </td>
                    <td>
                        j
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
